<template>
	<div class="info">
		<img class="img" :src="value.productPicUrl" alt />
		<div class="left">
			<div class="title">{{ value.productTitle }}</div>
			<div class="name">
				<img
					class="shop-img"
					src="../../../../assets/images/tianmao.png"
					v-if="value.productShopType === 1"
				/>
				<img
					class="shop-img"
					src="../../../../assets/images/taobao.png"
					v-if="value.productShopType === 0"
				/>
				{{ value.productShopName }}
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: 'goods-info',
	props: {
		value: {
			type: Object,
			default: () => {
				return {};
			}
		}
	}
};
</script>

<style lang="scss" scoped>
.info {
	display: flex;
	.img {
		width: 100px;
		height: 100px;
	}
	.left {
		padding: 10px 20px;
		height: 100px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		div {
			line-height: 1.5em;
		}
		.shop-img {
			width: 20px;
			height: 20px;
			vertical-align: middle;
		}
	}
}
</style>
